.contentinfo{
    font-size: 12px;
    color:#808c99;
    ul{
        display: table;
        padding: 0;
        li{
            list-style:none;
            display: table-cell;
            vertical-align: middle;

        }
    }
    p{
        padding-bottom: 4.5px;
        margin: 0;
    }
    a{
        color: #484c55;
        text-decoration: none;

        &:visited{
            color:#b37399;
        }
    }
   
    .contentinfo-legal{
        @extend %mobile-style;
        text-align: left;
        width:span(5);
    }
    .contentinfo-tools{
        width:span(5);
        li{
            padding-right: 24px;
        }
        @extend %mobile-style;
    }
    .contentinfo-social{
        width:span(2);
        @extend %mobile-style;
    text-align: right;
    }
    %mobile-style{
        @include breakpoint($screen-xs){
            display: list-item;
            width:span(12);
        }
    }
}